十四、蓝色实心圆球背景带姓名或红色实心圆球带数字(未读条数)实现方法


1. 看钉钉的通讯录列表,如果记录没有设置头像,那么就会出现一个蓝色圆球,中间是你的名字(字体颜色为白色)。比如: 伟东 ,要如何做到呢?

很简单。就是一个TextView.把背景设置为蓝色圆球形即可

1
2
3
4
5
6
7
8
9
10
<TextView
android:id="@+id/tvLogo"
android:layout_width="60dp"
android:layout_height="60dp"
android:background="@drawable/shape_circle_surname_bg"
android:gravity="center"
android:text="伟东"
android:textColor="@color/white"
android:textSize="18sp"
android:textStyle="bold" />

shape_circle_surname_bg.xml

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false">

<solid android:color="@color/color_0bacfd" />
<size
android:width="60dp"
android:height="60dp" />

</shape>

红色实心圆球实现与上述类似。
shape_unread_msg_bg.xml(红色实心圆球)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#f23c3c"></solid>

    <corners
        android:bottomLeftRadius="8.5dp"
        android:bottomRightRadius="8.5dp"
        android:topLeftRadius="8.5dp"
        android:topRightRadius="8.5dp" />
</shape>